<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王某人的个人练习</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="shortcut icon" href="./图片/线性用户个人我的我.png">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
</head>

<body>
    <div class="display">
        <div class="css">
            <h1>学习css</h1>
            <ol>
                <li>
                    <a href="./CSS2/1.html">CSS语法</a>
                </li>

                <li>
                    <a href="./CSS2/2.html">元素选择器</a>
                </li>

                <li>
                    <a href="./CSS2/3.html">ID选择器</a>
                </li>

                <li>
                    <a href="./CSS2/4.html">类选择器(针对所有元素)</a>
                </li>

                <li>
                    <a href="./CSS2/5.html">类选择器(针对p元素)</a>
                </li>

                <li>
                    <a href="./CSS2/6.html">引用两个类的html元素</a>
                </li>

                <li>
                    <a href="./CSS2/7.html">通用选择器</a>
                </li>

                <li>
                    <a href="./CSS2/8.html">分组选择器</a>
                </li>

                <li>
                    <a href="./CSS2/9.html">外部CSS</a>
                </li>

                <li>
                    <a href="./CSS2/10.html">内部CSS</a>
                </li>

                <li>
                    <a href="./CSS2/11.html">行内CSS</a>
                </li>

                <li>
                    <a href="./CSS2/12.html">多个样式表</a>
                </li>

                <li>
                    <a href="./CSS2/13.html">层叠顺序</a>
                </li>

                <li>
                    <a href="./CSS2/14.html">单行注释</a>
                </li>

                <li>
                    <a href="./CSS2/15.html">多行注释</a>
                </li>
                <li>
                    <a href="./CSS2/16.html">设置颜色和背景色</a>
                </li>

                <li>
                    <a href="./CSS2/17.html">设置文本颜色</a>
                </li>

                <li>
                    <a href="./CSS2/18.html">设置边框颜色</a>
                </li>

                <li>
                    <a href="./CSS2/19.html">设置RGB值</a>
                </li>

                <li>
                    <a href="./CSS2/20.html">设置HEX值</a>
                </li>

                <li>
                    <a href="./CSS2/21.html">设置页面的背景色</a>
                </li>
                <li>
                    <a href="./CSS2/22.html">设置页面的背景色</a>
                </li>

                <li>
                    <a href="./CSS2/23.html">设置不同元素的的背景色</a>
                </li>

                <li>
                    <a href="./CSS2/24.html">把图像设置为页面背景</a>
                </li>

                <li>
                    <a href="./CSS2/25.html">如何只在水平方向重复背景图像</a>
                </li>

                <li>
                    <a href="./CSS2/26.html">如何定位背景图像</a>
                </li>

                <li>
                    <a href="./CSS2/27.html">固定的背景图像(该图像不会随着页面的其余部分滚动)</a>
                </li>

                <li>
                    <a href="./CSS2/28.html">所有背景属性都在一条声明中</a>
                </li>

                <li>
                    <a href="./CSS2/29.html">高级背景实例</a>
                </li>

                <li>
                    <a href="./CSS2/30.html">设置四条边框的宽度</a>
                </li>

                <li>
                    <a href="./CSS2/31.html">设置上边框的宽度</a>
                </li>

                <li>
                    <a href="./CSS2/32.html">设置下边框的宽度</a>
                </li>

                <li>
                    <a href="./CSS2/33.html">设置左边框的宽度</a>
                </li>

                <li>
                    <a href="./CSS2/34.html">设置右边框的宽度</a>
                </li>

                <li>
                    <a href="./CSS2/35.html">设置四条边框的样式</a>
                </li>

                <li>
                    <a href="./CSS2/36.html">设置上边框的样式</a>
                </li>

                <li>
                    <a href="./CSS2/37.html">设置下边框的样式</a>
                </li>

                <li>
                    <a href="./CSS2/38.html">设置左边框的样式</a>
                </li>

                <li>
                    <a href="./CSS2/39.html">设置右边框的样式</a>
                </li>

                <li>
                    <a href="./CSS2/40.html">设置四条边框的颜色</a>
                </li>

                <li>
                    <a href="./CSS2/41.html">设置上边框的颜色</a>
                </li>

                <li>
                    <a href="./CSS2/42.html">设置下边框的颜色</a>
                </li>

                <li>
                    <a href="./CSS2/43.html">设置左边框的颜色</a>
                </li>

                <li>
                    <a href="./CSS2/44.html">设置右边框的颜色</a>
                </li>

                <li>
                    <a href="./CSS2/45.html">所有边框属性在一条声明中</a>
                </li>

                <li>
                    <a href="./CSS2/46.html">为元素添加圆角</a>
                </li>

                <li>
                    <a href="./CSS2/47.html">为每个边设置不同的边框</a>
                </li>

                <li>
                    <a href="./CSS2/48.html">所有上边框属性在一条声明中</a>
                </li>
                <li>
                    <a href="./CSS2/49.html">所有下边框属性在一条声明中</a>
                </li>

                <li>
                    <a href="./CSS2/50.html">所有左边框属性在一条声明中</a>
                </li>

                <li>
                    <a href="./CSS2/51.html">所有右边框属性在一条声明中</a>
                </li>

                <li>
                    <a href="./CSS2/52.html">为元素的各边规定不同的外边距</a>
                </li>

                <li>
                    <a href="./CSS2/53.html">使用带有4个值的简写margin属性</a>
                </li>

                <li>
                    <a href="./CSS2/54.html">使用带有3个值的简写margin属性</a>
                </li>

                <li>
                    <a href="./CSS2/55.html">使用带有2个值的简写margin属性</a>
                </li>

                <li>
                    <a href="./CSS2/56.html">使用带有1个值的简写margin属性</a>
                </li>

                <li>
                    <a href="./CSS2/57.html">把外边距设置为auto,来居中其容器内的元素</a>
                </li>

                <li>
                    <a href="./CSS2/58.html">让左外边距继承父元素</a>
                </li>

                <li>
                    <a href="./CSS2/59.html">外边距合并</a>
                </li>

                <li>
                    <a href="./CSS2/60.html">为元素的各边规定不同的内边距</a>
                </li>

                <li>
                    <a href="./CSS2/61.html">使用带有四个值的简写内边距</a>
                </li>

                <li>
                    <a href="./CSS2/62.html">使用带有三个值的简写内边距</a>
                </li>

                <li>
                    <a href="./CSS2/63.html">使用带有二个值的简写内边距</a>
                </li>

                <li>
                    <a href="./CSS2/64.html">使用带有一个值的简写内边距</a>
                <li>
                    <a href="./CSS2/65.html">内边距和元素宽度(不设置box-sizing)</a>
                </li>

                <li>
                    <a href="./CSS2/66.html">内边距和元素宽度(设置box-sizing)</a>
                </li>

                <li>
                    <a href="./CSS2/67.html">设置元素的左内边距</a>
                </li>

                <li>
                    <a href="./CSS2/68.html">设置元素的右内边距</a>
                </li>

                <li>
                    <a href="./CSS2/69.html">设置元素的上内边距</a>
                </li>

                <li>
                    <a href="./CSS2/70.html">设置元素的下内边距</a>
                </li>

                <li>
                    <a href="./CSS2/71.html">设置元素的高度和宽度</a>
                </li>

                <li>
                    <a href="./CSS2/72.html">设置元素的最大宽度</a>
                </li>

                <li>
                    <a href="./CSS2/73.html">设置不同元素的最大宽度</a>
                </li>

                <li>
                    <a href="./CSS2/74.html">使用百分百来设置图像的高度和宽度</a>
                </li>

                <li>
                    <a href="./CSS2/75.html">设置元素的最小宽度和最大宽度</a>
                </li>

                <li>
                    <a href="./CSS2/76.html">演示盒模型</a>
                </li>

                <li>
                    <a href="./CSS2/77.html">规定总款度为250像素的元素</a>
                </li>

                <li>
                    <a href="./CSS2/78.html">设置轮廓的样式</a>
                </li>

                <li>
                    <a href="./CSS2/79.html">设置轮廓的颜色</a>
                </li>

                <li>
                    <a href="./CSS2/80.html">使用outline-color翻转轮廓</a>
                </li>

                <li>
                    <a href="./CSS2/81.html">设置轮廓的宽度</a>
                </li>

                <li>
                    <a href="./CSS2/82.html">使用简写的轮廓属性</a>
                </li>

                <li>
                    <a href="./CSS2/83.html">在元素的轮廓与边框之间添加空间</a>
                </li>

                <li>
                    <a href="./CSS2/84.html">设置元素不同的文本色</a>
                </li>

                <li>
                    <a href="./CSS2/85.html">对齐文本</a>
                </li>

                <li>
                    <a href="./CSS2/86.html">删除链接下面的线</a>
                </li>

                <li>
                    <a href="./CSS2/87.html">修饰文本</a>
                </li>

                <li>
                    <a href="./CSS2/88.html">控制文本中的字母大小写</a>
                </li>

                <li>
                    <a href="./CSS2/89.html">缩进文本</a>
                </li>

                <li>
                    <a href="./CSS2/90.html">规定字符间距</a>
                </li>
                <li>
                    <a href="./CSS2/91.html">规定行间距</a>
                </li>

                <li>
                    <a href="./CSS2/92.html">设置元素的文本方向</a>
                </li>

                <li>
                    <a href="./CSS2/93.html">增加字间距</a>
                </li>

                <li>
                    <a href="./CSS2/94.html">规定元素的文本阴影</a>
                </li>

                <li>
                    <a href="./CSS2/95.html">在元素内禁用文本换行</a>
                </li>

                <li>
                    <a href="./CSS2/96.html">垂直对齐文本内的图像</a>
                </li>

                <li>
                    <a href="./CSS2/97.html">设置文本的字体</a>
                </li>

                <li>
                    <a href="./CSS2/98.html">设置字体的大小</a>
                </li>

                <li>
                    <a href="./CSS2/99.html">以PX为单位设置字体大小</a>
                </li>

                <li>
                    <a href="./CSS2/100.html">以em为单位设置字体大小</a>
                </li>


                <li>
                    <a href="./CSS2/101.html">以百分百和em为单位设置字体大小</a>
                </li>
            </ol>
        </div>
        <div class="html">
            <h1>学习HTML</h1>
            <ol>
                <li>
                    <a href="./html2/1.html">一个简单的html文件</a>
                </li>
                <li>
                    <a href="./html2/2.html">简单的段落</a>
                </li>

                <li>
                    <a href="./html2/3.html">更多的段落</a>
                </li>

                <li>
                    <a href="./html2/4.html">诗歌问题</a>
                </li>

                <li>
                    <a href="./html2/5.html">折行</a>
                </li>

                <li>
                    <a href="./html2/6.html">标题</a>
                </li>

                <li>
                    <a href="./html2/7.html">居中排列的问题</a>
                </li>

                <li>
                    <a href="./html2/8.html">水平线</a>
                </li>

                <li>
                    <a href="./html2/9.html">隐藏的注释</a>
                </li>

                <li>
                    <a href="./html2/10.html">背景颜色</a>
                </li>

                <li>
                    <a href="./html2/11.html">文本格式化</a>
                </li>

                <li>
                    <a href="./html2/12.html">预格式文本</a>
                </li>

                <li>
                    <a href="./html2/13.html">计算机输出标签</a>
                </li>

                <li>
                    <a href="./html2/14.html">地址</a>
                </li>

                <li>
                    <a href="./html2/15.html">缩写和 首字母 缩写</a>
                </li>

                <li>
                    <a href="./html2/16.html">文字方向</a>
                </li>

                <li>
                    <a href="./html2/17.html">块引用</a>
                </li>

                <li>
                    <a href="./html2/18.html">删除字效果和插入字效果</a>
                </li>

                <li>
                    <a href="./html2/19.html">创建超级链接</a>
                </li>

                <li>
                    <a href="./html2/20.html">将图像作为链接</a>
                </li>

                <li>
                    <a href="./html2/21.html">在新的浏览器窗口打开链接</a>
                </li>

                <li>
                    <a href="./html2/22.html">链接到同一个页面不同位置</a>
                </li>

                <li>
                    <a href="./html2/23.html">跳出框架</a>
                </li>

                <li>
                    <a href="./html2/24.html">创建电子邮件链接</a>
                </li>

                <li>
                    <a href="./html2/25.html">创建电子邮件链接2</a>
                </li>

                <li>
                    <a href="./html2/26.html">垂直框架</a>
                </li>

                <li>
                    <a href="./html2/27.html">水平框架</a>
                </li>

                <li>
                    <a href="./html2/28.html">如何使用noframes标签</a>
                </li>

                <li>
                    <a href="./html2/29.html">混合框架结构</a>
                </li>

                <li>
                    <a href="./html2/30.html">含有noresize=noresize属性的框架结构</a>
                </li>

                <li>
                    <a href="./html2/31.html">表格</a>
                </li>

                <li>
                    <a href="./html2/32.html">表格边框</a>
                </li>

                <li>
                    <a href="./html2/33.html">没有边框的表格</a>
                </li>

                <li>
                    <a href="./html2/34.html">表格中的表头（heading）</a>
                </li>

                <li>
                    <a href="./html2/35.html">空单元格</a>
                </li>

                <li>
                    <a href="./html2/36.html">带有标题的表格</a>
                </li>

                <li>
                    <a href="./html2/37.html">跨行或者跨列的单元格</a>
                </li>

                <li>
                    <a href="./html2/38.html">表格内的标签</a>
                </li>

                <li>
                    <a href="./html2/39.html">单元格边距（call padding）</a>
                </li>

                <li>
                    <a href="./html2/40.html">单元格间距（call spaceing）</a>
                </li>

                <li>
                    <a href="./html2/41.html">向表格添加背景颜色或者背景图像</a>
                </li>

                <li>
                    <a href="./html2/42.html">向表格单元添加背景颜色或者背景图像</a>
                </li>

                <li>
                    <a href="./html2/43.html">在表格单元中添加内容</a>
                </li>

                <li>
                    <a href="./html2/44.html">框架（frame）属性</a>
                </li>

                <li>
                    <a href="./html2/45.html">无序列表</a>
                </li>

                <li>
                    <a href="./html2/46.html">有序列表</a>
                </li>

                <li>
                    <a href="./html2/47.html">不同类型的无序列表</a>
                </li>

                <li>
                    <a href="./html2/48.html">不同类型的有序列表</a>
                </li>

                <li>
                    <a href="./html2/49.html">嵌套列表</a>
                </li>

                <li>
                    <a href="./html2/50.html">嵌套列表2</a>
                </li>

                <li>
                    <a href="./html2/51.html">定义列表</a>
                </li>

                <li>
                    <a href="./html2/52.html">文本域(text fields)</a>
                </li>

                <li>
                    <a href="./html2/53.html">密码域</a>
                </li>

                <li>
                    <a href="./html2/54.html">复选框</a>
                </li>

                <li>
                    <a href="./html2/55.html">单选按钮</a>
                </li>

                <li>
                    <a href="./html2/56.html">简单的下拉列表</a>
                </li>

                <li>
                    <a href="./html2/57.html">另一个下拉列表</a>
                </li>

                <li>
                    <a href="./html2/58.html">文本域（textarea）</a>
                </li>

<<<<<<< HEAD
                <li>
                    <a href="./html2/59.html">创建按钮</a>
                </li>

                <li>
                    <a href="./html2/60.html">fieldset around data</a>
                </li>

                <li>
                    <a href="./html2/61.html">带有输入框和确认按钮的表单</a>
                </li>

                <li>
                    <a href="./html2/62.html">带有复选框的表单</a>
                </li>

                <li>
                    <a href="./html2/63.html">带有单选按钮的表单</a>
                </li>

                <li>
                    <a href="./html2/64.html">从表单发送电子邮件</a>
                </li>

                <li>
                    <a href="./html2/65.html">插入图像</a>
                </li>

                <li>
                    <a href="./html2/66.html">从不同的位置插入图像</a>
                </li>

                <li>
                    <a href="./html2/67.html">背景图像</a>
                </li>

                <li>
                    <a href="./html2/68.html">排列图像</a>
                </li>

                <li>
                    <a href="./html2/69.html">浮动图像</a>
                </li>

                <li>
                    <a href="./html2/70.html">调整图像尺寸</a>
                </li>

                <li>
                    <a href="./html2/71.html">把图像转换为图像映射</a>
                </li>

                <li>
                    <a href="./html2/72.html">搭配良好的背景和颜色</a>
                </li>

                <li>
                    <a href="./html2/73.html">搭配不好的背景和颜色</a>
                </li>

                <li>
                    <a href="./html2/74.html">可用性强的背景图像</a>
                </li>

                <li>
                    <a href="./html2/75.html">可用性强的背景图像2</a>
                </li>

                <li>
                    <a href="./html2/76.html">可用性很差的背景图像</a>
                </li>

                <li>
                    <a href="./html2/77.html">html样式</a>
                </li>

                <li>
                    <a href="./html2/78.html">没有下划线的链接</a>
                </li>

                <li>
                    <a href="./html2/79.html">链接到一个外部样式表</a>
                </li>

                <li>
                    <a href="./html2/80.html">文档的标题</a>
                </li>

                <li>
                    <a href="./html2/81.html">一个target 所有的链接</a>
                </li>

                <li>
                    <a href="./html2/82.html">文档描述</a>
                </li>

                <li>
                    <a href="./html2/83.html">文档的关键词</a>
                </li>

                <li>
                    <a href="./html2/84.html">重定向</a>
                </li>

                <li>
                    <a href="./html2/85.html">插入一段脚本</a>
                </li>

                <li>
                    <a href="./html2/86.html">运行于不支持脚本的浏览器</a>
                </li>
            </ol>
=======
                    <li>
                        <a href="./CSS2/101.html">以百分百和em为单位设置字体大小</a>
                    </li>
            </ul>
>>>>>>> 0075136a2cd0a74e2253054e9b5a494cd2e05191
        </div>
        <div class="flex">
            <h1>学习flex</h1>
            <ol>
                <li>
                    <a href="./flex/1.html">学习flex-direction</a>
                </li>
                <li>
                    <a href="./flex/2.html">学习flex-wrap</a>
                </li>
                <li>
                    <a href="./flex/3.html">学习justify-content</a>
                </li>
                <li>
                    <a href="./flex/4.html">学习align-items</a>
                </li>
                <li>
                    <a href="./flex/5.html">学习align-content</a>
                </li>
                <li>
                    <a href="./flex/6.html">学习order</a>
                </li>
                <li>
                    <a href="./flex/7.html">学习flex-grow</a>
                </li>
                <li>
                    <a href="./flex/8.html">学习align-self</a>
                </li>
                <li>
                    <a href="./flex/9.html">学习flex-basis</a>
                </li>
                <li>
                    <a href="./flex/10.html">学习flex</a>
                </li>
                <li>
                    <a href="./flex/11.html">学习flex-shrink</a>
                </li>
                <li>
                    <a href="./flex/12.html">学习align-self</a>
                </li>
            </ol>
            <div class="clear"></div>
        </div>
        <div class="heibai">
            <h1>黑白切换</h1>
            <ol>
                <li>
                    <a href="./demo1.html">黑白模式切换1</a>
                </li>
                <li>
                    <a href="./demo2.html">黑白模式切换2</a>
                </li>
                <li>
                    <a href="./demo5.html">黑白模式切换模板</a>
                </li>
                </ul>
                <div class="clear"></div>
            </ol>
        </div>

    </div>
</body>

</html>